@charset "utf-8";
/* CSS Document */
html,body { height: auto; padding: 0; margin: 0; font-size:16px; font-family:apr; color:#191919; line-height:180%; }
input,textarea {font-family: "微软雅黑";}
ul,li { list-style: none; padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6,p,dl,dd,dt { margin: 0; padding: 0;}
a { text-decoration: none;color:#191919;} 
a:hover {  color:#0f2a60;text-decoration: none;}
a img { border:0;}
.clear { clear:both;}

input::-webkit-input-placeholder{color: #9a9a9a;}
input::-moz-placeholder{color: #9a9a9a;}
input:-ms-input-placeholder{color: #9a9a9a;}

.headerW {position: absolute; z-index: 1000; top: 0; left:0; right: 0; padding: 0 1em;position:fixed;top:0;height:80px}
.bodyTop{position: relative;top: 0;text-align: center;}
.header { margin: 0 auto; max-width: 1300px;  height: 81px;}
.header .logo { float:left; padding: 1.8em 0 0; }
.header .logo img { display:block; width:129px; height: 22px; }
.header .nav {float: right; position: relative;}
.nav>ul>li { position: relative; z-index: 0; cursor: pointer; float:left; font-size:15px;  font-weight: bold; line-height:68px;position:relative; z-index:100; color: #fff;}
.nav>ul>li>a { 
    position: relative;
    overflow: hidden;
    z-index: 0;
    display:block;
    margin: 9px 1.2vw 4px;
    padding: 0 8px;
    color: #fff;
    text-decoration:none;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #2E2E2E;
    /*height: 71px;*/
}
.nav>ul>li>a strong{
    font-weight: 400;
}
.aHead1{
    border-bottom:4px solid #191970;
}
.tle_phone{
    height: 81px;
    line-height: 81px !important;
    display: flex;
    align-items: center;
}

.nav>ul>li>a:hover{
    border-bottom: 4px solid #191970;
}
.nav>ul>li>a .arrow { display: none;
background-color: #191970;
width: 4.2em;
height: 0.2em;
/*left: 50%;*/
/*margin-left: -0.75em;*/
position: absolute;
/*bottom: -0.7em;*/
/*transform:rotate(45deg);*/
    
}
.nav .sub_nav { display: none !important; position: absolute; top: 80px; left:0em; right:0em; background-color: #fff;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
position: fixed;
/*display: flex;*/

}
.sub_ul{
    display: flex;
    max-width: 78.125vw;
    height: 382px;
}
.sub_ul ul{
    flex: 4;
    background-color: #E3E3E3;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    
}
.sub_ul ul li{
    margin-left: 19.79vw !important;
}
.sub_ul .ul_right{
    flex: 7;
}
.list-news{
    margin-left: 60px;
    margin-top: 60px;
}
.list-news .p-list{
    display: flex;
    
}
.list-news >div .pic img{
    width: 162px;
    height: 80px;
    
}
.list-news .txt1{
    /*align-self: center;*/
    margin-left: 20px;
    /*margin-top: 60px;*/
}
.list-news .txt1 .nName1{
   font-size: 16px;
   height: 16px;
   line-height: 16px;
   color: #333333;
   text-align: left;
}
.list-news .txt1 .date1{
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    text-align: left;
    margin: 8px 0 10px 0;
}

.list-news p{
    overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
color: #999999;
line-height: 16px;
text-align: left;
font-size: 14px;
font-weight: 400;
}

.nav>ul>li.hover a .arrow { display: block;}
.nav .sub_nav>ul { padding: 0.5em 0;}
.liW .sub_nav .sub_nav_pro .item dl dd ul li{
    text-align: left;
    width: 33.3%;
    margin-right: 60px;
    height: 54px;
    line-height: 54px;
    margin: 12px 0;
}
.liW .sub_nav .sub_nav_pro .item dl dd ul li:hover a{
    color: #191970;
}
.liW .sub_nav .sub_nav_pro .item dl dd ul li img{
    width: 48px;
    height: 42px;
}
.liW .sub_nav .sub_nav_pro .item dl dd ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: strat;
}
.nav .sub_nav li { line-height: 2.8em; font-size: 0.9em; font-weight: normal;text-align:left;margin:10px 0;}
.nav .sub_nav li a {color: #333;padding:10px 0; }
.nav .sub_nav li a:hover {color: #191970;}
.nav .liW { position:static;}
.nav .liW .sub_nav { left: 0; right: 0;position:fixed;display:none !important; }
.nav .liW .sub_nav_pro { max-width: 78.125vw; }
.nav .sub_nav .sub_nav_pro { display: flex; border-left:1px solid #1d4288; text-align: left;height:382px; }
.nav .sub_nav .sub_nav_pro .item:first-child { flex:4; background: #E3E3E3; align-items:stretch;}
.nav .sub_nav .sub_nav_pro .item:last-child { flex:7; background:#fff; align-items:stretch;}
.nav .sub_nav .sub_nav_pro dl { padding: 1.6em 1.2em 0;padding:0;margin-left:40px}
.nav .sub_nav .sub_nav_pro dt { font-size: 15px;line-height: 2.2em;margin-left:19.79vw;margin-top:10px}
.nav .sub_nav .sub_nav_pro dt a {color: #333;padding:10px 0;margin-top:10px;font-size:14px;}
.nav .sub_nav .sub_nav_pro dt a:hover {color:#191970;}
.nav .sub_nav .sub_nav_pro dd { margin-top: 0.3em; font-size: 13px; line-height: 2.2em; font-weight: normal;}
.nav .sub_nav .sub_nav_pro dd li {line-height: 2.2em;}
.nav .sub_nav .sub_nav_pro dd a { color: #666;font-size:14px;margin-left:20px;}
.nav .sub_nav .sub_nav_pro dd a:hover {color:#fff;}
.btnSearch { margin-left: 1.8em; margin-top: 32px; cursor: pointer; float: right; width: 22px; height: 22px; background: url(https://www.ctrlworks.cn/wp-content/themes/ctrlworks/assets/images/search2.png) center center no-repeat; background-size:contain ;}
.btnMenu { display: none; position: absolute; left: 1em; top: 0; margin-top: 1em; cursor: pointer; width: 1.5em; height: 1.5em; background: url(../images/menu.png) center center no-repeat; background-size:contain ;}
.btnBack { display: none; position: absolute; left: 0em; top: 0; margin-top: 1em; cursor: pointer; width: 1.5em; height: 1.5em;  background-size:contain ;}
.itemMore{
    margin-left: 19.79vw;
    height: 16px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 16px;
    margin-top: 30px;
    margin-bottom: 20px;
}


.topSearchBox {display: none;  z-index: 1001;  position: absolute; top:1em; right:7%;  padding: 5px;


-webkit-border-radius:0.5em; 
-moz-border-radius:0.5em;
border-radius:0.5em; }
.topSearchBox .con { width: 12em;height: 46px;line-height: 42px; position: relative; z-index: 0; border: 1px solid #191970; 
-webkit-border-radius:0.5em; 
-moz-border-radius:0.5em;
border-radius:0.5em;}
.topSearchBox .con .input::-webkit-input-placeholder{color: #666666;font-size:14px;}
.topSearchBox .con .input::-moz-placeholder{color: #111;}
.topSearchBox .con .input:-ms-input-placeholder{color: #111;}
.topSearchBox .con .input { color: #111; background-color: transparent; display: block; width: 90%; line-height: 42px; height: 42px; border: 0; outline-width: 0;margin-left:16px;}
.topSearchBox .con .btn { border: 0; outline-width: 0; width: 40px; height: 40px; position: absolute; top:0; right: 5px; 
 background: url(https://www.ctrlworks.cn/wp-content/themes/ctrlworks/assets/images/search2.png) center center no-repeat; cursor: pointer;}

.flinkW { 
    background-color: #171717;
    padding-left: 1em;
    background-image:url(https://www.ctrlworks.cn/wp-content/themes/ctrlworks/assets/images/footer_bg-f.jpg);
    background-size: 100% 100%;
}
.flink { 
    max-width: 1320px;
    margin: 0 auto;
    padding: 3em 0 2em;
    color:#8c8c8c;
    font-size: 16px;
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
    
}
.flink a { color:#8c8c8c;}
.flink a:hover { color:#fff;}
.flink .info { float: right; text-align: left;margin-top:10px}
.flink .info .logo { padding-top: 8px;}
.flink .info .txt { margin: 20px auto 28px 0; max-width:17em; line-height: 1.3em; font-size: 14px;color:#fff; }
.flink .info .qrCode { float: left; margin-right: 10%; margin-bottom: 1em; width: 120px; text-align: center;}
.flink .info .qrCode img { display: block; width: 120px; height: 120px; margin-bottom: 0.5em;}
.flink .info .social { float:left;}
.flink .info .social .stit { color: #fff; font-size: 14px; font-weight: bold;}
.flink .info .social .slink { margin-top: 1.8em;}
.flink .info .social .slink a { margin-right: 1em;}
.flink .list { margin-top:0.4em; float: left; width: 53%;
 display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
	  justify-content: space-between;
}
.flink .list dl { text-align: left;}
.flink .list dt { }
.flink .list dt a { color: #fff;}
.flink .list dt a:hover { color: #8c8c8c;}
.flink .list dd { margin-top: 1.5em; font-size: 0.8em;}
.flink .list dd li{ line-height: 1.6em; margin-bottom: 0.7em;}
.qrCode >img{
    width: 88px;
    height: 88px;
}
.shu-list{
    width: 1px;
    height: 88px;
    background: #666666;
    align-self: center;
}
.show-list{
    margin-bottom: 20px;
}
.footerW {padding: 0 1em;  }


/*业务专线 浮动*/
.services { position: fixed; z-index: 900; top: 39%; left: 1px;}
.services .btn { width: 38px; cursor: pointer; padding: 2.4em 0 0.7em; font-size: 15px; line-height: 2em; background: #e98f33 url(../images/sevice.png) center 0.9em no-repeat; color: #fff;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;}
.services .box { display: none; position: absolute; top: calc(50% - 342px); left:40px; width: 242px; padding: 4px 0 10px; border: 5px solid #e98f33; background-color: #fff;
color: #191919; font-size: 13px; line-height: 1.4em; text-align: left;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;}
.services .box .con { padding: 0 8px;}
.services .box .code { width: 178px; margin: 0 auto 0; padding: 18px 0 4px; height: auto;}
.services .box .tit {margin: 10px 0; }
.services .box .txt {margin: 10px 0; }
.services .box .line { height: 0; border-bottom: 2px solid #e0e0e0; }

/*联系我们*/
.contactW { 
    padding: 0 1em;
    text-align: center;
}
.contactBox { max-width: 1050px; margin: 0 auto; padding: 2.6em 0 6em;}
.contactBox:after { clear: both; content: ""; display: block;}
.contactBox .txt { float: left; width: 52.8%; text-align: left;margin-top:22px}
.contactBox .tit { font-size: 32px; line-height: 1.8em;}
.contactBox .intro { margin-top: 0.8em; font-size: 15px; color: #3c3c3c; line-height: 2.2em;}
.contactBox .info { margin-top: 2.1em; font-size: 14px; color: #191919; line-height: 1.8em;}
.contactBox .info li { margin-bottom: 0.6em; padding-left: 2em; background: 0 0.2em no-repeat; }
.contactBox .info .add { background-image: url(../images/add.png);}
.contactBox .info .phone {background-image: url(../images/phone.png);}
.contactBox .info .email {background-image: url(../images/email.png);}
.contactBox .map { float: right; margin-top:20px;}
.contactBox .map .pic { display: block; width:100%; height:auto;}

@media only screen and (max-width:1364px){
.topSearchBox { right: 0; margin-right: 0;}
}

@media only screen and (max-width:1024px){
.header { height: auto;}
.header .logo { float: none; text-align: center; padding-top: 1.1em;}
.header .logo img { margin: 0 auto;}
.btnSearch { position: absolute; top: 0; right: 1em;margin-top: 1.1em;}
.btnMenu { display: block;margin-top: 1.1em;}
.btnBack {
    display: block;
    width:100%;
    margin:0 auto;
    font-size:1.5em;
    text-align:center;   
    height: 77px;
    line-height: 77px;
    
}
.btnBack a{
    color:#Fff
}
.aHead{
    border: 0 !important;
}
.nav_sidebar {  position: fixed !important; left: -100%; top: 0; width: 50%; height: 100%; background-color:#232323;font-size:16px;z-index:100; }
.nav>ul {border-top: 1px solid #333; margin: 5em 1em 0;width:80%;}
.nav>ul>li { display: block; float: none; font-size: 1em; border-bottom: 1px solid #333; line-height: 4em; padding: 0; text-align: left;width:auto;}
.tle_phone{
    display: none !important;
}
.nav .sub_nav { display: none !important;}
.nav>ul>li>a .arrow { display: none;}
.nav>ul>li>a:hover .arrow { display: none;}
/*联系我们*/
.contactBox .txt { float: none; width: auto;}
.contactBox .map { float: none; width: auto;width:350px !important;}
.nav>ul>li>a{
    padding:2px 0 2px 1rem;
}

}

@media only screen and (max-width:768px){
.topSearchBox {left: 0;}
.topSearchBox .con { 
    width: 12em;
    margin-top: 42px;
    border: 1px solid #fff;
    position: fixed;
    right: 10px;
}
	
.flinkW {padding-left: 0; }
.flink .info { float: none; width: auto; text-align:center;}
.flink .info .txt  { max-width: 100%; margin: 1em 2em 2em ;}
.flink .info .qrCode {float: none; display: block; margin: 0 auto 1em; }
.flink .info .social { float: none;display: block;  text-align: center;}
.flink .info .social .slink { margin-top: 1em;}
.flink .info .social .slink a { margin: 0 0.5em;}
.flink {
    flex-flow: column;
}
.shu-list{
    width: 100%;
    height: 1px;
    margin-top: 1em;
}
.flink .list {float:none; width: auto; clear:both; padding-top: 1em;flex-wrap: wrap;justify-content:center}
.flink .list dl{
    width: 20%;
}
.flink .list dl:last-child{
    width: 100px;
}
.qrCode .txt{
    display: none;
}
.qrCode >img{
    width: 100px;
    height: 100px;
}
.footerW{
    padding: 0;
}


.btnMenu{
    background: url(https://www.ctrlworks.cn/wp-content/themes/ctrlworks/assets/images/side-more.png) ;
          background-size: 100% 100%;
}
.headerW{
    height: 56px;
    background-color: #fff;
}
.banner{
    margin-top: 56px !important;
}
.nav>ul>li>a{
    color: #fff;
}
.services .btn{
    
}
}

@media only screen and (max-width: 420px){
html,body {font-size:14px;}
.flink .list dt { font-size: 0.8em;}
.flink .list dd { font-size: 0.7em;}
}
@media only screen and (max-width: 360px){
html,body {font-size:12px;}
.flink .list dl{ 
    width: 20%;}
}


.nav>ul>li>a{
    text-decoration: none;
}